<template>
   <div class="person">
    ？？？
    {{ personList }}
   </div>
</template>

<script setup name="Person01" lang="ts">
    import {type PersonInter , type Persons} from '../types'
    // let person:PersonInter = {id:'123',name:'张三',age:60}

    // let personList:Array<PersonInter> = [
    //     {id:'123',name:'张三',age:60},
    //     {id:'1234',name:'李四',age:6},
    //     {id:'12345',name:'王五',age:1},
    // ]

    let personList: Persons = [
        {id:'123',name:'张三',age:60},
        {id:'1234',name:'李四',age:6},
        {id:'12345',name:'王五',age:1},
    ]
</script>

<style scoped>
    .person{
        background-color: skyblue;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding:20px;
    }
    button{
        margin : 0 10px;
    }
</style>